<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>右下角悬浮美女在线客服代码jQuery</title>
    <meta name="keywords" content="美女客服,在线客服,QQ客服">
    <meta name="description" content="这是一款基于jQuery的悬浮固定在网页右下角的美女在线客服插件， jQuery网页右下角悬浮在线客服代码。具体效果请看演示，">
    <link href="css/css.css" rel="stylesheet" media="screen">
    <script src="js/jquery.min.2.1.4.js"></script>
</head>

<body>
    <div style="text-align:center;margin:50px 0; font:normal 14px/24px &#39;MicroSoft YaHei&#39;;">
        <p>请看右下角客服效果</p>
    </div>
    <div style="height:1600px;"></div>
    <div class="livechat-girl animated"><a href="http://pbt.zoosnet.net/LR/Chatpre.aspx?id=PBT61714746&lng=cn&p=3d%e5%b1%95%e9%a6%86"><img class="girl" id="girl" src="?">   
    </a>
        <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line hide_hint">
            <div class="rd-notice-content">嘿，我来帮您！悬浮固定在网页右下角的美女在线客服插件</div>
        </div>
        <div class="animated-circles animated">
            <div class="circle c-1"></div>
            <div class="circle c-2"></div>
            <div class="circle c-3"></div>
        </div>
    </div>
    <script type="text/javascript">
    $(document).ready(function(){
         var random_bg=Math.floor(Math.random()*4+1);
         var bg='images/kf'+random_bg+'.jpg';
		 document.getElementById('girl').src = bg;
		 
    });
		
    (function($) {
        setInterval(function() {
            if ($(".animated-circles").hasClass("animated")) {
                $(".animated-circles").removeClass("animated");
            } else {
                $(".animated-circles").addClass('animated');
            }
        }, 3000);
        var wait = setInterval(function() {
            $(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
            clearInterval(wait);
        }, 4500);
        $(".livechat-girl").hover(function() {
            clearInterval(wait);
            $(".livechat-hint").removeClass("hide_hint").addClass("show_hint");
        }, function() {
            $(".livechat-hint").removeClass("show_hint").addClass("hide_hint");
        }).click(function() {
            if (isMobile) {
                window.location.href = 'http://www.baidu.com';
            } else {
                var oWidth = 606,
                    oHeight = 630,
                    top = ($(window).height() / 2) - (oHeight / 2),
                    left = ($(window).width() / 2) - (oWidth / 2);
                window.open('http://www.baidu.com', '', 'width=' + oWidth + ',height=' + oHeight + ',scrollbars=yes,top=' + top + ',left=' + left + ',resizable=yes');
            }
        });
    })(jQuery);
    </script>
</body>

</html>